<template>
    <button class="text_44X1" @click="skip">跳过</button>
    <van-swipe class="my-swipe" :autoplay="3000" :show-indicators="false" indicator-color="white">
        <van-swipe-item v-for="(item ,image) in Lists" :key="image"> <img class="image_1X1 " :src="item.img"
                alt=""></van-swipe-item>
    </van-swipe>
</template>
<script setup>
import {useTitle} from '@/hooks/useTitle'
const { Lists,skip} = useTitle()
</script>
<style lang="scss" scoped>
.text_44X1 {
    width: 104px;
    height: 63px;
    position: fixed;
    left: 585px;
    top: 60px;
    color: #505050;
    background-color: #f3f3f3;
    border-radius: 16px;
    font-size: 29px;
    line-height: 150%;
    text-align: center;
    border: 0;
}

.image_1X1 {
    width: 750px;
    height: 750px;
    // position: fixed;
    // left: 33px;
    // top: 325px;

}

.van-swipe {
    margin-top: 300px;
}
</style>